<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>财富管家-项目管理-待审核</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="shortcut icon" th:href="@{images/littlelogo.png}" >
    <link rel="icon" th:href="@{/favicon.ico}"  mce_href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" th:href="@{/css/font.css}">
    <link rel="stylesheet" th:href="@{/css/xadmin.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>

    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script th:src="@{/js/html5.min.js}" type="text/javascript"></script>
    <script th:src="@{/js/respond.min.js}" type="text/javascript"></script>
    <style type="text/css">

        #login_click{ margin-top:32px; height:40px;}
        #login_click a
        {


            text-decoration:none;
            background:#2f435e;
            color:#f2f2f2;

            padding: 10px 30px 10px 30px;
            font-size:16px;
            font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
            font-weight:bold;
            border-radius:3px;

            -webkit-transition:all linear 0.30s;
            -moz-transition:all linear 0.30s;
            transition:all linear 0.30s;

        }
        #login_click a:hover { background:#385f9e; }


    </style>

    <![endif]-->
</head>

    <body style="width: 1000px;height: 650px">
    <div class="layui-tab-item layui-show">

        <div class="layui-carousel" id="test1" lay-filter="test1">
            <div carousel-item="" style="margin-top: -10px;margin-right: -10px;">
                <div th:if="${cars} ne ' '" th:each="car:${cars}"><img style="width: 1000px;height: 500px;" th:src="@{'/article/cfgj/'+ ${car.imgPath}}"></div>
                <div style="text-align: center;font-size: 30px;"th:if="${#lists.isEmpty(cars)}"><div  style="margin-top: 200px"><span>暂无车辆凭证</span></div></div>

                <div th:if="${homes} ne null" th:each="home:${homes}"><img style="width: 1000px;height: 500px;" th:src="@{'/article/cfgj/'+ ${home.imgPath}}"></div>
                <div style="text-align: center;font-size: 30px;"th:if="${#lists.isEmpty(homes)}"><div  style="margin-top: 200px"><span>暂无房产凭证</span></div></div>
                <div th:if="${idCards} ne null" th:each="idCard:${idCards}"><img style="width: 1000px;height: 500px;" th:src="@{'/article/cfgj/'+ ${idCard.imgPath}}"></div>
                <div style="text-align: center;font-size: 30px;"th:if="${#lists.isEmpty(idCards)}"><div  style="margin-top: 200px"><span>暂无身份凭证</span></div></div>

                <div th:if="${others} ne null" th:each="other:${others}"><img style="width: 1000px;height: 500px;" th:src="@{'/article/cfgj/'+ ${other.imgPath}}"></div>
                <div style="text-align: center;font-size: 30px;"th:if="${#lists.isEmpty(others)}"><div  style="margin-top: 200px"><span>暂无其他凭证</span></div></div>
                <!--<div carousel-item="" style="margin-top: -10px;margin-right: -10px;"th:if="( ${cars} eq null ) and (${homes} eq null )and (${idCards} eq null) and (${others} eq null)">
                    <h1>暂无凭证</h1>
                </div>-->
                <!--<div style="text-align: center;font-size: 30px;" th:if="${#lists.isEmpty(cars)}"><div  style="margin-top: 200px"><span>暂无其他凭证</span></div></div>
            --></div>
        </div>
        <div style="text-align: center;margin-top:10px;margin-bottom: 30px;" id="login_click" >
        <a href="#button" id="btlogin" onclick="viewOnlineEvidence()" style="font-size:24px;background-color: #1E9FFF; border-radius: 5px;padding: 10px">下载电子合同</a>
        </div>

    </div>
    </body>
    <script>
        layui.use(['carousel', 'form'], function(){
            var carousel = layui.carousel
                ,form = layui.form;

            //常规轮播
            carousel.render({
                elem: '#test1'
                ,width: '1000px'
                ,height: '500px'
                ,arrow: 'always'
                ,autoplay:false

            });

            var $ = layui.$, active = {
                set: function(othis){
                    var THIS = 'layui-bg-normal'
                        ,key = othis.data('key')
                        ,options = {};

                    othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                    options[key] = othis.data('value');
                    ins3.reload(options);
                }
            };

            //监听开关
            form.on('switch(autoplay)', function(){
                ins3.reload({
                    autoplay: this.checked
                });
            });

            $('.demoSet').on('keyup', function(){
                var value = this.value
                    ,options = {};
                if(!/^\d+$/.test(value)) return;

                options[this.name] = value;
                ins3.reload(options);
            });

            //其它示例
            $('.demoTest .layui-btn').on('click', function(){
                var othis = $(this), type = othis.data('type');
                active[type] ? active[type].call(this, othis) : '';
            });
        });
        var credit_id=[[${credit_id}]];

        function viewOnlineEvidence() {
            window.location.href="/cfgjht/home/downloadOnlineLearnMaterials?credit_id="+credit_id;
        }

    </script>

</html>